
#con0,#con1,#con2,#con3,#con4,#con5,#con6,#con7,#con8,#con9,#con10,#con11,#con12,#con13{display: flex;flex-direction: column}
#con0 .left,#con1 .left,#con2 .left,#con3 .left,#con4 .left,
#con5 .left,#con6 .left,#con7 .left,#con8 .left,#con9 .left,#con10 .left,#con11 .left,
#con12 .left,#con13 .left{font-size: 15px;}
#con0 .right,#con1 .right,#con2 .right,#con3 .right,#con4 .right,
#con5 .right,#con6 .right,#con7 .right,#con8 .right,#con9 .right,#con10 .right,#con11 .right,
#con12 .right,#con13 .right{font-size: 15px;display: flex;justify-content: space-between}

.bq-tabcontent .btn-calc{background: #ff7621;height: 40px}
.cal-box section .right, .bq-tabcontent section .right{height: 40px}
#con2,#con4,#con7,#con8,#con11,#con10,#con12{padding-bottom: 20px;}
#level,#incumbent,#marital{border: 1px solid #999999; width: 70%;margin-left: 10px;height: 35px;font-size: 14px;}
.spanColor{color: #ff7621}

.unitTime{display: flex;align-items: center;font-size: 14px;flex-direction: row;width: 70%;margin-left: 5px}
.numDiv{border:1px solid #999999;width:70%;display: flex;justify-content: space-between;overflow: hidden}
#numBtn1{border:none;border-right:1px solid #999999; height: 100%;line-height: 40px;width: 35px;height: 40px;text-align: center}
#numBtn2{border:none;border-left:1px solid #999999 ;height: 100%;float: right;line-height: 40px;width: 35px;height: 40px;text-align: center}
#numInput{border:none;height: 100%;padding: 0}
.bq-tabcontent{background: #fff}

#con2 .right,#con7 .right,#con8 .right,#con11 .right,#con10 .right,#con12 .right{margin-left: 10px}
.m_box{background: none;position: relative;}
.unApply{width: 100%;text-align: right;margin-top: 10px;color: #fff}
.apply{width: 100%;height: 40px;margin-top: 15px;text-align: center;line-height: 40px;background: #ff7621;border-radius:7px;color: #fff;font-size: 15px}

#range{position: absolute;top: 34%;display: inline-block;text-align: center;width: 100%;font-size: 40px;color: #fff}
.delect{position: absolute;top: 0%;right: 0%}
.bq-datepicker .title,.bq-datepicker .subs{width: 100%}
.bq-datepicker .subs .s-years .s-prev span,
.bq-datepicker .subs .s-years .s-next span{left: 0.8rem}
.bq-datepicker .subs .s-years .s-prev, .bq-datepicker .subs .s-years .s-next{width: 3rem;}
.bq-datepicker .title .myear{width: 80%}
.bq-datepicker .title .btn.selected{width: 20%} 
.bq-datepicker{width: 100%;}



#level select, #incumbent select {
    border: solid 1px #000;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding-right: 14px;
    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;

}

.listDiv {
    display: flex;
    flex: 1;
    flex-direction: row;
}
header .title{display: flex;flex: 1;justify-content: center} 
/*修改select的样式  */
#marital,#level,#incumbent{background:#fff;-webkit-appearance:none;border:1px solid #999999;border-radius:0px;
    background-image: url(../images/index/drop-down.png);right:10px;top:10px;background-repeat: no-repeat;
    background-position:right;padding-left: 5px;}
#marital{margin-left: 0px;}